<template>
	<view class="">
		<view>
			<text>详情</text>
		</view>
		<view>
			<text selectable>悬挂建立更加了解安哥拉</text>
		</view>
		<view class="view" hover-class="view_active">
			view测试
		</view>
		<button type="default">按钮button</button>
		<button type="primary">按钮button</button>
		<button type="primary" plain>按钮button</button>
		<button type="primary" loading="">按钮button</button>
		<button type="default" @click="updatepic">上传图片</button>
		<image v-for="item in imgs" :src="item" @click="preview(item)" mode=""></image>
	</view>


</template>

<script>
	export default {
		data() {
			return {
				imgs:''
			}
		},
		methods: {
			updatepic(){
				uni.chooseImage({
					count:5,
					success:res=> {
						console.log(res)
						this.imgs=res.tempFilePaths
					}
				})
			},
			preview(curr){
				console.log(curr)
				uni.previewImage({
					current:curr,
					urls:this.imgs
				})
			}
		}
	}
</script>

<style>
	.view{
		width: 300rpx;
		height: 300rpx;
		background: #007AFF;
	}
	.view_active{
		background: #4CD964;
	}
</style>
